﻿<%@ Page Title="Home Page" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.vb" Inherits="BooksReviewApp._Default" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="HeadContent">

    <style type="text/css">
        .style7 {
            vertical-align: bottom;
            width: 57px;
        }

        .style8 {
            color: #993399;
            text-align: center;
            width: 57px;
        }

        .style9 {
            text-align: center;
            color: #FF9900;
            width: 57px;
        }

        .style10 {
            vertical-align: bottom;
            width: 60px;
        }

        .style11 {
            color: #993399;
            text-align: center;
            width: 59px;
        }

        .style12 {
            text-align: center;
            color: #FF9900;
            width: 59px;
        }

        .style13 {
            vertical-align: bottom;
            width: 60px;
            padding-left: 7px;
        }

        .style14 {
            color: #993399;
            text-align: center;
            width: 46px;
        }

        .style15 {
            text-align: center;
            color: #FF9900;
            width: 46px;
        }
    </style>

</asp:Content>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <script type="text/javascript" src="Scripts/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">

        $(window).load(function () {
            $('#slider').nivoSlider();
        });

    </script>
    <h2>Welcome!
    </h2>
    <div class="aside2">
        <h3>Useful Links</h3>
        <br />
        <br />
        <h4>Tutorials</h4>
        <br />

        <table style="font-size: small; width: 169px;">
            <tr>
                <td>
                    <asp:ImageButton ID="ib_" runat="server" ImageUrl="Images/java.png"
                        PostBackUrl="http://www.tutorialspoint.com/java/" BorderStyle="None" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_Java" runat="server" PostBackUrl="http://www.tutorialspoint.com/java/">Java</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_Cpp" runat="server" ImageUrl="Images/cpp_logo.png"
                        PostBackUrl="http://www.cplusplus.com/doc/tutorial/" BorderStyle="None" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_Cpp" runat="server" PostBackUrl="http://www.cplusplus.com/doc/tutorial/">C++</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_Csharp" runat="server" BorderStyle="None" ImageUrl="Images/csharp.png" PostBackUrl="http://csharp.net-tutorials.com/" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_Csharp" runat="server" PostBackUrl="http://csharp.net-tutorials.com/">C#</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_Vb" runat="server" BorderStyle="None" ImageUrl="Images/VisualBasic_2.png" PostBackUrl="http://www.visual-basic-tutorials.com/" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_Vb" runat="server" PostBackUrl="http://www.visual-basic-tutorials.com/">Visual Basic</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_ObjC" runat="server" BorderStyle="None" ImageUrl="Images/objC.gif" PostBackUrl="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_ObjC" runat="server" PostBackUrl="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html">Objective-C</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_Swift" runat="server" BorderStyle="None" ImageUrl="Images/swift-hero.png" PostBackUrl="https://developer.apple.com/swift/" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_Swift" runat="server" PostBackUrl="https://developer.apple.com/swift/">Swift</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_PhP" runat="server" BorderStyle="None" ImageUrl="Images/php.png" PostBackUrl="https://php.net/" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_PhP" runat="server" PostBackUrl="https://php.net/">PHP</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_Python" runat="server" BorderStyle="None" ImageUrl="Images/python.png" PostBackUrl="http://www.tutorialspoint.com/python/" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_Pythob" runat="server" PostBackUrl="http://www.tutorialspoint.com/python/">Python</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_Javascript" runat="server" BorderStyle="None" ImageUrl="Images/JavaScript-logo.png" PostBackUrl="http://www.w3schools.com/js/" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_Javascript" runat="server" PostBackUrl="http://www.w3schools.com/js/">Javascript</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_Jquery" runat="server" BorderStyle="None" ImageUrl="Images/jquery.jpg" PostBackUrl="http://jquery.com/" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_Jquery" runat="server" PostBackUrl="http://jquery.com/">JQuery</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_Html" runat="server" BorderStyle="None" ImageUrl="Images/HTML5_Logo_512.png" PostBackUrl="http://www.w3schools.com/html/" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_Html" runat="server" PostBackUrl="http://www.w3schools.com/html/">HTML 5</asp:LinkButton>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ImageButton ID="ib_Css" runat="server" BorderStyle="None" ImageUrl="Images/css.jpg" PostBackUrl="http://www.w3schools.com/css//" Height="25px" />
                </td>
                <td>
                    <asp:LinkButton ID="lb_Css" runat="server" PostBackUrl="http://www.w3schools.com/css/">CSS 3</asp:LinkButton>
                </td>
            </tr>
        </table>
        <br />

        <br />
        <br />
    </div>
    <div class="mainDiv2">
        <div class="centered">
            <h3>I.T. Book Reviews</h3>
        </div>
        <div class="mainDiv5">
            <p>
                The goal of this website is to expose the general public to reviews of books that may, at times, be overlooked due to lack of marketing, odd subjects, unknown authors or saturation of the market. We pledge to offer unbiased, book reviews from a variety of publishers on a multitude of subjects and genres.

            </p>
        </div>
        <br />
        <br />
        <div class="centered">
            <h3>
                <asp:Label ID="lbl_Banner" runat="server"></asp:Label></h3>
        </div>
        <br />
        <div class="mainDiv3">
            <div id="banner">
                <div id="slider-wrapper">
                    <div id="slider" class="nivoSlider">

                        <asp:Image ID="Image1" runat="server" />
                        <asp:Image ID="Image2" runat="server" />
                        <asp:Image ID="Image3" runat="server" />
                    </div>
                </div>
            </div>
        </div>
        <br />
        <br />
        <div class="centered">
            <h3>User Activity</h3>
        </div>
        
        <br />
        <div class="mainDiv5">
          
                <asp:Chart ID="Chart1" runat="server" DataSourceID="SqlDataSource1" Height="200px"
                    Width="200px" Palette="Pastel" >
                    <Series>
                        <asp:Series Name="Series1" ChartType="Pie" XValueMember="Bibliophile" YValueMembers="TotalPosts"
                            YValuesPerPoint="2">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>
                <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:BooksReviewDBConnectionString1 %>"
                    ProviderName="<%$ ConnectionStrings:BooksReviewDBConnectionString1.ProviderName %>" SelectCommand="SELECT * FROM [PostsByBibliophile]"></asp:SqlDataSource>
           </div>
        <div style="margin: 0 220px">
            <table>
                <tr>
                    <td class="style10">
                        <asp:Image ID="Image5" runat="server" ImageUrl="Images/book_stack_small.jpg" />
                    </td>
                    <td class="style7">
                        <asp:Image ID="Image4" runat="server" ImageUrl="Images/book_stack_large.jpg" />
                    </td>
                    <td class="style13">
                        <asp:Image ID="Image6" runat="server" ImageUrl="Images/admin.jpg" />
                    </td>
                </tr>
                <tr>
                    <td class="style11">
                        <strong>Bibliophile</strong>
                    </td>
                    <td class="style8">
                        <strong>BookWorm</strong>
                    </td>
                    <td class="style14">
                        <strong>Admin</strong>
                    </td>
                </tr>
                <tr>
                    <td class="style12">0 - 19 Posts
                    </td>
                    <td class="style9">20 - 39 Posts
                    </td>
                    <td class="style15">Site's Administrator
                    </td>
                </tr>
            </table>
            



        </div>

        <br />
        <br />
        
        <div class="centered">
            <h3>Site Activity</h3>
        </div>
        <div class="mainDiv5">
            <p>
                <asp:Chart ID="ActivityChart" runat="server" DataSourceID="SqlDataSource2" Palette="Pastel"
                    Height="300px" Width="500px" CssClass="centeredImgLeftPad">
                    <Series>
                        <asp:Series Name="Series1" ChartType="Bubble" XValueMember="Activity" YValueMembers="TotalActivity"
                            YValuesPerPoint="2">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>
                <asp:SqlDataSource ID="SqlDataSource2" runat="server" 
                    ConnectionString="<%$ ConnectionStrings:BooksReviewDBConnectionString1 %>"
                    ProviderName="<%$ ConnectionStrings:BooksReviewDBConnectionString1.ProviderName %>" 
                    SelectCommand="SELECT * FROM [TotalSiteActivity]">
                </asp:SqlDataSource>
            </p>
        </div>

    </div>



</asp:Content>

